<!DOCTYPE html>
<html lang="en">
<head>
<title>Simple CV a Personal Category Bootstrap Responsive website Template | Home :: w3layouts</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Simple CV Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, 
	SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, Sony Ericsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- Custom Theme files -->
<link href="css/bootstrap.css" type="text/css" rel="stylesheet" media="all">
<link href="css/style.css" type="text/css" rel="stylesheet" media="all">   
<link href="css/font-awesome.css" rel="stylesheet">		<!-- font-awesome icons -->   
<link rel="stylesheet" href="css/swipebox.css">    <!-- swipebox -->   
<!-- //Custom Theme files --> 
<!-- js -->
<script src="js/jquery-2.2.3.min.js"></script>  
<!-- //js -->
<!-- web-fonts -->   
<link href="css/font-some.css" rel="stylesheet">
<link href='css/font-some1.css' rel='stylesheet' type='text/css'>
<!-- //web-fonts -->
</head>
<body>  
	<!-- main --> 
	<div class="buttons-wrapper"> 
		<input id="slide1" class="w3slider-input" type="radio" name="slider" checked>
		<input id="slide2" class="w3slider-input" type="radio" name="slider">
		<input id="slide3" class="w3slider-input" type="radio" name="slider">
		<input id="slide4" class="w3slider-input" type="radio" name="slider"> 
		<ul class="slider">
			<li class="agileits" style="overflow: hidden">
				<!-- banner -->
				<div class="banner">
					<div class="banner-w3lsinfo">
						<h2>WuHao`s Resume</h2>
						<div class="container">
							<div class="col-md-4 header-w3left">
								<img src="images/1.png" alt=""/>
								<div class="header-imgtext-w3ls">
									<h1 style="font-family: 'Microsoft YaHei UI'">吴昊</h1>
									<div class="social-wthree-icons">
										<ul>
											<li><a href="https://github.com/wuhao930406" target="_blank" class="fa fa-facebook icon icon-border fa-github"> </a></li>
											<li><a href="tencent://message/?uin=1148547900&Site=&Menu-=yes"  class="fa fa-twitter icon icon-border fa-qq"> </a></li>
											<li><a href="#" class="fa fa-google-plus icon icon-border googleplus"> </a></li>
											<li><a href="#" class="fa fa-dribbble icon icon-border dribbble"> </a></li> 
										</ul>
										<div class="clearfix"> </div>
									</div>  
								</div>
							</div>
							<div class="col-md-8 header-w3right"> 
								<h3 class="agileits-title">ABOUT ME</h3> 
								<div class="profile-agileinfo"> 
									<p style="height: 150px">
											前端工程师一枚，2015年毕业于扬州大学 信息与计算科学专业，就职过3家互联网公司，从事过网页设计与前端开发，
										热爱设计，热爱技术，热爱生活，吃苦耐劳，乐观向上，喜欢学习新兴技术，愿意与同事分享技术上的心得与体验 </p>
									<div class="col-md-4 col-xs-4 profile-grids"> 
										<i class="fa fa-user"></i>
										<h5>Personal Info</h5>
										<ul class="address"> 
											<li> 
												<b>籍贯</b> : 江苏南通
											</li>
											<li> 
												<b>工作描述</b> : 前端工程师
											</li>
											<li> 
												<b>业余爱好</b> : 阅读，手绘，插画
											</li> 
										</ul>
									</div>
									<div class="col-md-4 col-xs-4 profile-grids"> 
										<i class="fa fa-envelope"></i>
										<h5>Contact Me</h5>
										<ul class="address"> 
											<li> 
												<b>电话1</b> : 18351061956
											</li> 
											<li> 
												<b>电话2</b> : 18661207026
											</li> 
											<li> 
												<b>地址</b> : 江苏南京
											</li>
										</ul>
									</div>
									<div class="col-md-4 col-xs-4 profile-grids"> 
										<i class="fa fa-share-alt"></i>
										<h5>Comments</h5>
										<ul class="address"> 
											<li> 
												<b>邮箱</b> : <a href="mailto:1148547900@qq.com">1148547900@qq.com</a>
											</li>
											<li> 
												<b>个人网站</b> : <a href="#">www.myresume.com</a>
											</li>
											<li> 
												<b>GITHUB</b> : <a href="https://github.com/wuhao930406">点击跳转</a>
											</li> 
										</ul>
									</div>
									<div class="clearfix"> </div>
								</div>
							</div>
							<div class="clearfix"> </div>
						</div>
					</div>
				</div>
				<!-- //banner --> 
			</li>
			<li class="agileits"> 
				<!-- skills --> 
				<div class="skills">
					<div class="container">  
						<div class="col-md-8 skills-w3lsleft">
							<h3 class="agileits-title">My Skills</h3> 
							<p style="height: 158px;">
								熟练使用Photoshop illustrator Indesign 等设计排版软件<br/>
								熟悉Html/Html5 css/css3 Javascript Jquery 以及前端工程化react angular（1.x & 2+）<br/>
								熟悉webpack nodejs 以及 react-native ionic3 miui 进行app跨平台开发<br/>
								熟练使用基于XMLHttpRequest封装的各种框架 例如 ajax，fetch，axios...获取后台数据进行页面渲染<br/>
								了解后台服务，可以使用nodejs+koa2+mongodb+redis搭建后台服务。
							</p>
							<div class="skill-agileinfo">
								<div class="skillbar" data-percent="98">
									<span class="skillbar-title" style="background: #d35400;">Photoshop illustrator Indesign...</span>
									<p class="skillbar-bar" style="background: #e67e22;"></p>
									<span class="skill-bar-percent"></span>
								</div>
								<!-- End Skill Bar --> 
								<div class="skillbar" data-percent="99">
									<span class="skillbar-title" style="background: #2980b9;">Html/Html5 css/css3 Javascript Jquery</span>
									<p class="skillbar-bar" style="background: #3498db;"></p>
									<span class="skill-bar-percent"></span>
								</div>
								<!-- End Skill Bar --> 
								<div class="skillbar" data-percent="95">
									<span class="skillbar-title" style="background: #2c3e50;">react angular（1.x & 2+）</span>
									<p class="skillbar-bar" style="background: #2c3e50;"></p>
									<span class="skill-bar-percent"></span>
								</div>
								<!-- End Skill Bar --> 
								<div class="skillbar" data-percent="90">
									<span class="skillbar-title" style="background: #46465e;">react-native ionic3 miui && nodejs</span>
									<p class="skillbar-bar" style="background: #5a68a5;"></p>
									<span class="skill-bar-percent"></span>
								</div>
								<!-- End Skill Bar --> 
							</div>
						</div>
						<div class="col-md-4 services">
							<h3 class="agileits-title">My Services</h3>  
							<div class="serv-wthree-row w3layouts">
								<div class="col-xs-3 services-w3lsleft">
									<img src="./images/Photoshop.svg" alt=""/>
								</div>
								<div class="col-xs-9 services-w3lsright">
									<h4>页面设计</h4>
									<p>熟练使用ps ai等工具还原 原型图</p>
								</div>
								<div class="clearfix"> </div>
							</div>
							<div class="serv-wthree-row w3layouts serv-wthree-rowmdl">
								<div class="col-xs-3 services-w3lsleft">
									<img src="./images/html.svg" alt=""/>
								</div>
								<div class="col-xs-9 services-w3lsright">
									<h4>前端代码</h4>
									<p>熟练使用 html5 css3 JavaScript react angular webpack...等前端开发工具</p>
								</div>
								<div class="clearfix"> </div>
							</div>
							<div class="serv-wthree-row w3layouts">
								<div class="col-xs-3 services-w3lsleft">
									<img src="./images/app.svg" alt="" style="width: 26px;height: auto"/>
								</div>
								<div class="col-xs-9 services-w3lsright">
									<h4>App 开发</h4>
									<p>熟练使用 miui react-native ionic3 等框架开发跨平台的app应用</p>
								</div>
								<div class="clearfix"> </div>
							</div>
							<div class="serv-wthree-row w3layouts">
								<div class="col-xs-3 services-w3lsleft">
									<img src="./images/nodejs.svg" alt=""  style="width: 26px;height: auto"/>
								</div>
								<div class="col-xs-9 services-w3lsright">
									<h4>后端开发</h4>
									<p>熟练使用Nodejs+koa2+mongodb+redis开发后端应用程序</p>
								</div>
								<div class="clearfix"> </div>
							</div>
						</div>  
						<div class="clearfix"> </div>
					</div>
				</div>
				<!-- //skills --> 
			</li>
			<li class="agileits"> 
				<!-- work --> 
				<div class="work agileits-w3layouts">
					<div class="container">  
						<div class="col-md-6 work-agile-left">
							<h3 class="agileits-title">Work Experience</h3> 
							<div class="panel-group w3l_panel_group_faq" id="accordion" role="tablist" aria-multiselectable="true">
								<div class="panel panel-default">
									<div class="panel-heading" role="tab" id="headingOne">
										<h4 class="panel-title asd">
											<a class="pa_italic" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
												<span class="glyphicon glyphicon-plus" aria-hidden="true"></span><i class="glyphicon glyphicon-minus" aria-hidden="true"></i> 2018.3-2019
											</a>
										</h4>
									</div>
									<div id="collapseOne" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne">
										<div class="panel-body panel_text">
											<h5>南京朗坤自动化</h5>
											担任前端工程师，负责移动端web页面，使用RN跨平台开发app
										</div>
									</div>
								</div>
								<div class="panel panel-default">
									<div class="panel-heading" role="tab" id="headingTwo">
										<h4 class="panel-title asd">
											<a class="pa_italic collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
												<span class="glyphicon glyphicon-plus" aria-hidden="true"></span><i class="glyphicon glyphicon-minus" aria-hidden="true"></i> 2016.3-2018.3
											</a>
										</h4>
									</div>
									<div id="collapseTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo">
										<div class="panel-body panel_text">
											<h5>南京松果网络科技</h5>
											担任前端工程师，负责web开发，网站改版，使用miui跨平台app开发以及维护
										</div>
									</div>
								</div>
								<div class="panel panel-default">
									<div class="panel-heading" role="tab" id="headingThree">
										<h4 class="panel-title asd">
											<a class="pa_italic collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
											<span class="glyphicon glyphicon-plus" aria-hidden="true"></span><i class="glyphicon glyphicon-minus" aria-hidden="true"></i> 2015.7-2016.3
											</a>
										</h4>
									</div>
									<div id="collapseThree" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree">
										<div class="panel-body panel_text">
											<h5>南京锐盛互联 </h5>
											担任网页设计师，负责进行页面设计，使用axure进行原型图的设计，使用html+css+js还原设计图
										</div>
									</div>
								</div>
							</div> 
							<h3 class="agileits-title agileits-title2">My Education</h3> 
							<div class="panel-group w3l_panel_group_faq" role="tablist" id="accordion1">
								<div class="panel panel-default">
									<div class="panel-heading" role="tab" id="headingfour">
										<h4 class="panel-title asd">
											<a class="pa_italic" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapsefour" aria-expanded="true" aria-controls="collapsefour">
												<span class="glyphicon glyphicon-plus" aria-hidden="true"></span><i class="glyphicon glyphicon-minus" aria-hidden="true"></i> 扬州大学 (2011-2015)
											</a>
										</h4>
									</div>
									<div id="collapsefour" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingfour">
										<div class="panel-body panel_text" style="height: 140px">
											<h5>扬州大学</h5>
											扬州大学教育系 信息与计算科学专业
										</div>
									</div>
								</div>
							</div>
						</div> 
						<div class="col-md-6 work-agile-right"> 
							<h3 class="agileits-title">My Projects</h3> 
							<!-- Projects -->
							<div class="Projects">  
								<div class="col-md-6 col-sm-6 col-xs-6 agileits-img"> 
									<a href="images/g1.jpg" class="swipebox" title="Lorem ipsum dolor">
										<img class="img-responsive " src="images/g1.jpg" alt=""  /> 
										<div class="wthree-pcatn">
											<h4>My Project</h4>  
										</div> 
									</a>  
								</div>
								<div class="col-md-6 col-sm-6 col-xs-6 agileits-img"> 
									<a href="images/g2.jpg" class="swipebox" title="Lorem ipsum dolor">
										<img src="images/g2.jpg" alt="" class="img-responsive" />
										<div class="wthree-pcatn">
											<h4>My Project</h4>  
										</div> 
									</a> 
								</div>
								<div class="col-md-6 col-sm-6 col-xs-6 agileits-img"> 
									<a href="images/g3.jpg" class="swipebox" title="Lorem ipsum dolor">
										<img src="images/g3.jpg" alt="" class="img-responsive" />
										<div class="wthree-pcatn">
											<h4>My Project</h4>  
										</div> 
									</a> 
								</div>
								<div class="col-md-6 col-sm-6 col-xs-6 agileits-img"> 
									<a href="images/g4.jpg" class="swipebox" title="Lorem ipsum dolor">
										<img src="images/g4.jpg" alt="" class="img-responsive" />
										<div class="wthree-pcatn">
											<h4>My Project</h4>  
										</div> 
									</a>	 
								</div>
								<div class="col-md-6 col-sm-6 col-xs-6 agileits-img"> 
									<a href="images/g5.jpg" class="swipebox" title="Lorem ipsum dolor">
										<img src="images/g5.jpg" alt="" class="img-responsive" />
										<div class="wthree-pcatn">
											<h4>My Project</h4>  
										</div> 
									</a> 
								</div>
								<div class="col-md-6 col-sm-6 col-xs-6 agileits-img"> 
									<a href="images/g6.jpg" class="swipebox" title="Lorem ipsum dolor">
										<img src="images/g6.jpg" alt="" class="img-responsive" />
										<div class="wthree-pcatn">
											<h4>My Project</h4>  
										</div> 
									</a> 
								</div> 
							</div>
							<!-- //Projects -->  
						</div>
						<div class="clearfix"> </div>
					</div> 
				</div> 
				<!-- //work --> 
			</li>
			<li class="agileits"> 
				<!-- contact -->
				<div class="contact agileits-w3layouts">
					<div class="container"> 
						<h3 class="agileits-title">Contact Me</h3> 	
						<div class="contact-w3lsrow">
							<div class="col-md-6 contact-wthree-left">
								<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3023.9503398796587!2d-73.9940307!3d40.719109700000004!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c25a27e2f24131%3A0x64ffc98d24069f02!2sCANADA!5e0!3m2!1sen!2sin!4v1441710758555" allowfullscreen></iframe>
								<div class="faddressw3-agileinfo">
									<div class="faddress-w3left">
										<p>江苏南京<br> 雨花区凤宁路</p>
									</div>
									<div class="faddress-w3right">
										<p>Call me :  18351061956</p>
										<p>E-mail : <a href="mailto:1148547900@qq.com">1148547900@qq.com</a></p>
									</div>
									<div class="clearfix"></div> 
								</div>
							</div>
							<div class="col-md-6 contact-wthree-right">
								<form action="#" method="post">
									<input type="text" name="Name" placeholder="Name" required="">
									<input type="email" class="email" name="Email" placeholder="Email" required="">
									<input type="text" class="phone" name="phone" placeholder="Phone" required="">
									<textarea name="Message" placeholder="Message" required=""></textarea>
									<input type="submit" value="SUBMIT" >
								</form> 
							</div>
							<div class="clearfix"> </div>
						</div> 
						<!-- footer -->
						<div class="agile-footer"> 
							<p>© 2019 Wuhao`s Resume | Design by WuHao </p>
						</div>
						<!-- //footer --> 
					</div>
				</div>
				<!-- //contact -->  
			</li> 
		</ul> 
			<label for="slide1"></label>
			<label for="slide2"></label>
			<label for="slide3"></label>
			<label for="slide4"></label> 
	</div>	
	<!-- //main -->  
	<!-- swipe box js -->
	<script src="js/jquery.swipebox.min.js"></script> 
	<script type="text/javascript">
			jQuery(function($) {
				$(".swipebox").swipebox();
			});
	</script> 
	<!-- //swipe box js --> 	
	<!-- Skill Bar js --> 
	<script src="js/skill.bars.jquery.js"></script> 
	<script> 
	$(document).ready(function(){
		
		$('.skillbar').skillBars({
			from: 0,
			speed: 4000, 
			interval: 100,
			decimals: 0,
		});
		
	});



	</script> 
	<!-- //End Skill Bar js --> 
	<!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="js/bootstrap.js"></script>
</body>
</html>